<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<nav th:fragment="PageSidebarfragment" class="sidebar sidebar-offcanvas" id="sidebar">
    <ul class="nav">
        <li class="nav-item nav-profile">
            <a href="/index" class="nav-link">
                <div class="nav-profile-image">
                    <img src="images/faces/face1.jpg" alt="profile">
                    <span class="login-status online"></span> <!--change to offline or busy as needed-->
                </div>
                <div class="nav-profile-text d-flex flex-column">
                    <span th:text="${session.cs.getRealname()}" class="font-weight-bold mb-2">未登录</span>
                    <span th:text="${session.cs.getServicegroup()}" class="text-secondary text-small">Email</span>
                    <span th:text="${session.cs.getServicerole()}" class="text-secondary text-small">Email</span>
                </div>
                <i class="mdi mdi-bookmark-check text-success nav-profile-badge"></i>
            </a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="CustomerSelf">
                <span class="menu-title">个人中心</span>
                <i class="mdi mdi-home menu-icon"></i>
            </a>
        </li>
        <li class="nav-item">
            <a class="nav-link" data-toggle="collapse" href="#ui-basic" aria-expanded="false" aria-controls="ui-basic">
                <span class="menu-title">处理中心</span>
                <i class="menu-arrow"></i>
                <i class="mdi mdi-crosshairs-gps menu-icon"></i>
            </a>
            <div class="collapse" id="ui-basic" style="">
                <ul class="nav flex-column sub-menu">
                    <li class="nav-item"> <a class="nav-link"th:href="@{customerService/CustomerService(current=1,size=8)}">客服</a></li>
                    <li class="nav-item"> <a class="nav-link"th:href="@{customerInfo/Customer(current=1,size=8)}">客户信息</a></li>
                    <li class="nav-item"> <a class="nav-link"  th:href="@{session/Session(current=1,size=5)}">工单信息</a></li>
                    <li class="nav-item"> <a class="nav-link" th:href="@{blackList/Blacklist(current=1,size=8)}">黑名单</a></li>
                </ul>
            </div>
        </li>
        <li class="nav-item sidebar-actions">
            <span class="nav-link">
              <div class="mt-4">
                <div class="border-bottom">
                  <p class="text-secondary">Categories</p>
                </div>
                <ul class="gradient-bullet-list mt-4">
                  <li>Free</li>
                  <li>Pro</li>
                </ul>
              </div>
            </span>
        </li>
    </ul>
</nav>
</html>